//out:../css/phoneLogin.css
@import url(../introduce.less);
body{
  background-color: #fff;
}
.header
{
  .wrapper{
    margin: (15/@rem) (33/@rem) ;
    justify-content: center;
    text-align: center;
    .topStyle{
      justify-content: center;
      h1 {
        font-size: @s16;
        font-weight: 700;
    }
     }
  
  }
}
// 手机登录页面
.phoneLogin{
  
  .change{
    margin-top: (50/@rem);
    .wrapper{
      margin: (15/@rem) (33/@rem) ;
      display: flex;
      justify-content: space-between;
      .phone{
       font-size: @s24; 
       font-weight: 700;
      }
      .number{ 
        
        a{
          margin: 0 (33/@rem);
          font-size: @s14;
          color: @mainColor;
          span{
            width: (10/@rem);
            height: (10/@rem);
            display: inline-block;
           background-image: url(../image/路径\ 5.png);
          }
        }
        
      }
    }
  }
  .formphone{
// 信息输入区域
.info{
  margin: (40.5/@rem) (33/@rem) ;
  .wrapper{
    margin-top: (30.5/@rem);
    .phone{
      height: (62/@rem);
      width: (309/@rem);
      line-height: (22/@rem);
      border-bottom: (1/@rem) solid @formBorderColor;
    }
    .erroPhone{
      opacity: 0;
      margin-top: (9.75/@rem);
      font-size: @s14;
      line-height: (20/@rem);
      color: @mainColor;
    }
    .erroCode{
      opacity: 0;
      margin-top: (9.75/@rem);
      font-size: @s14;
      line-height: (20/@rem);
      color: @mainColor;
    }
    .captcha{
      position: relative;
        .code{
          height: (62/@rem);
          width: (309/@rem);
          line-height: (22/@rem);
          border-bottom: (1/@rem) solid @formBorderColor;
        }
        .verify{
          top: 50%;
          right: (50/@rem);
          transform: translateY(-50%);
          position: absolute;
          display: inline-block;
          height: (26/@rem);
          font-size: @s14;
          line-height: (20/@rem);
          border: none;
          border-left: (1/@rem) solid @formBorderColor;
          background-color: #fff;
          padding-left: (10/@rem);
        }
    }   
  }
}
.login1{
  .btn{
  margin:0 (33/@rem);
  width: (309/@rem);
  height: (50/@rem);
  text-align: center;
  line-height: (50/@rem);
  border-radius: (25/@rem);
  background-color:#FADCD9;
  font-size: @s18;
  color: #fff;
  border: none;
  }
  .btn.loginBan{
    background-color:@mainColor;
  }
}
  }
  
}
// 账号登录页面
.numberLogin{
  display: none;
  .change{
    margin-top: (50/@rem);
    .wrapper{
      margin: (15/@rem) (33/@rem) ;
      display: flex;
      justify-content: space-between;
      .number{
       font-size: @s24; 
       font-weight: 700;
      }
      .phone{ 
        a{
          margin: 0 (33/@rem);
          font-size: @s14;
          color: @mainColor;
          span{
            width: (10/@rem);
            height: (10/@rem);
            display: inline-block;
           background-image: url(../image/路径\ 5.png);
          }
        }
        
      }
    }
  }
  .formnumber{
    // 信息输入区域
    .info{
      margin: (40.5/@rem) (33/@rem) ;
      .wrapper{
        margin-top: (30.5/@rem);
        .account{
          height: (62/@rem);
          width: (309/@rem);
          line-height: (22/@rem);
          border-bottom: (1/@rem) solid @formBorderColor;
        }
        .erroPhone{
          opacity: 0;
          margin-top: (9.75/@rem);
          font-size: @s14;
          line-height: (20/@rem);
          color: @mainColor;
        }
        .erroCode{
          opacity: 0;
          margin-top: (9.75/@rem);
          font-size: @s14;
          line-height: (20/@rem);
          color: @mainColor;
        }
        .password{
          position: relative;
            .code{
              height: (62/@rem);
              width: (309/@rem);
              line-height: (22/@rem);
              border-bottom: (1/@rem) solid @formBorderColor;
            }
            .dele{
              opacity: 0;
              top: 50%;
              right: (90/@rem);
              transform: translateY(-50%);
              position: absolute;
              display: inline-block;
              font-size: @s10;
              line-height: (12/@rem);
            }
            .yanjing{
              top: 50%;
              right: (50/@rem);
              transform: translateY(-50%);
              position: absolute;
              width: (16/@rem);
              height: (16/@rem) ;
              background-image: url(../image/眼睛_闭.png);
            }
            .yanjing.active{
              background-image: url(../image/眼睛3.png);
            }
        }   
      }
    }
    .login2{
      .btn{
      margin:0 (33/@rem);
      width: (309/@rem);
      height: (50/@rem);
      text-align: center;
      line-height: (50/@rem);
      border-radius: (25/@rem);
      background-color:#FADCD9;
      font-size: @s18;
      color: #fff;
      border: none;
      }
      .btn.loginBan{
        background-color:@mainColor;
      }
    }
  }
 
}

// 用时

